/**
 * 基础背景颜色
 * 
 */
// 基础背景色
.bg-page {background-color: #f4f4f4}
.bg-page2 {background-color: #F6F7FB}
.bg-white {background-color: #FFFFFF}

// 基础蓝色色阶向下
.bg-blue1 {background-color: #226FD1}
.bg-blue2 {background-color: #5CA3FC}
.bg-blue3 {background-color: #4B9BFF}

.gb-g{
	background-color: #42a684;
}

	.clickClass:active {
		opacity: .75;
	}


/**
 * 基础文本颜色 
 * 
 */
.color-white {color: white}
// 黑色色阶向下
.color-black2 {color: #222222}
.color-black3 {color: #333333} 
.color-black4 {color: #444444}
.color-black6 {color: #666666}
.color-black7 {color: #777777}
.color-black8 {color: #888888}
.color-black9 {color: #999999}

// 基础蓝色色阶向下
.color-blue1 {color: #226FD1}
.color-blue2 {color: #5CA3FC}
.color-blue3 {color: #4399fc}

// 红色
.color-red {color: #FE2F2F}
.color-red1 {color: #F25634}
// 绿色
.bg-green1 {color: #1CAD1A}

// 文本大小 font-20 - font-44
.font-20 { font-size: 20upx }
.font-22 { font-size: 22upx }
.font-24 { font-size: 24upx }
.font-26 { font-size: 26upx }
.font-28 { font-size: 28upx }
.font-30 { font-size: 30upx }
.font-32 { font-size: 32upx }
.font-34 { font-size: 34upx }
.font-36 { font-size: 36upx }
.font-38 { font-size: 38upx }
.font-40 { font-size: 40upx }
.font-42 { font-size: 42upx }
.font-44 { font-size: 44upx }
.font-46 { font-size: 46upx }
.font-48 { font-size: 48upx }


.font-w400 { font-weight: 400 }
.font-w500 { font-weight: 500 }
.font-w600 { font-weight: 600 }
.font-w700 { font-weight: 700 }

.li-height10 {
	line-height: 1
}
.li-height12 {
	line-height: 1.2
}
.line-height14 {line-height: 1.4}







.text {
	&-right {
		text-align: right;
	}
	&-center {
		text-align: center
	}
}

.vs-flex-wrap{
	flex-wrap:wrap
}



.vs-flex-item {
	flex: 1;
}
.vs-space-between {
	justify-content: space-between;
}
.vs-row {
	flex-direction: row;
}

.vs-center{
	justify-content:center;
}

.vs-items-center{
	align-items:center
}

.pingtb{
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}

.pingtb20{
	padding-top:20rpx;
	padding-bottom: 20rpx;
}

.pinglr20{
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.pingtb10{
	padding-top:10rpx;
	padding-bottom: 10rpx;
}

.pinglr10{
	padding-left: 10rpx;
	padding-right: 10rpx;
}



.pinglr{
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.border10{
	border-radius: 10rpx;
}


.bgc{
	background-color: #017EFF;
}

.vs-column {
	flex-direction: column;
}
.vs-align-end{
	 align-items: flex-end;
}
.vs-whitespace {
	padding-left: 30upx;
	padding-right: 30upx;
}
.vs-item-hover {
	background-color: rgba(0, 0, 0, 0.05);
}
.vs-btn-hover {
	opacity: 0.8;
}

.base-input {
	flex: 1;
		font-size: 28upx;
	}

// 1px边框
	.van-hairline,
	.van-hairline--bottom,
	.van-hairline--left,
	.van-hairline--right,
	.van-hairline--surround,
	.van-hairline--top,
	.van-hairline--top-bottom {
		position: relative;
		border-style: solid;
		border-color: #dee2e6;
	}
	.van-hairline--top {
		border-top-width: 1upx
	}
	.van-hairline--left {
		border-left-width: 1upx
	}
	.van-hairline--right {
		border-right-width: 1upx
	}
	.van-hairline--bottom {
		border-bottom-width: 1upx
	}
	.van-hairline--top-bottom {
		border-top-width: 1upx;
		border-bottom-width: 1upx;
		
	}
	.van-hairline--surround {
		border-width: 1upx
	}
	
	
	// start 下拉刷新
	.refresh {
		width: 710upx;
		text-align: center;
		align-items: center;
		justify-content: center;
	}
	
	.indicator {
		margin: 20upx 0;
		height: 40px;
		width: 40px;
		color: #226FD1;
	}
	
	// end 下拉刷新